/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}"
  ],
  theme: {
    extend: {
      animation: {
        'glow': 'glow 3s ease-in-out infinite',
        'spin-slow': 'spin 8s linear infinite',
        'rays': 'rays 4s ease-in-out infinite',
      },
      keyframes: {
        glow: {
          '0%, 100%': {
            opacity: '0.6',
            transform: 'scale(1)',
          },
          '50%': {
            opacity: '0.8',
            transform: 'scale(1.1)',
          }
        },
        rays: {
          '0%, 100%': {
            transform: 'scale(1) rotate(0deg)',
            opacity: '0.7',
          },
          '50%': {
            transform: 'scale(1.2) rotate(180deg)',
            opacity: '0.9',
          }
        }
      }
    },
  },
  plugins: [],
}

